<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>影院电影-郫县电影</title>
<link rel="short icon"  href="/photo/head.png"/>
<style type="text/css">
	.left{    
	    width: 200px;
	    height: 750px;
	    float: left; 
	    background-color: #f4f3f4;
	    text-align: center;
	    border-right: 1px solid #d8d8d8;
	}
	.left h1 {
	    margin-top: 40px;
	    margin-bottom: 30px;
	    font-size: 22px;
	    color: #222;
	    font-weight: 400;
	}
	.right{
		position: absolute;
		left: 225px;
		top: 20px;
		border: 1px solid #d8d8d8;
	}
	body{
		border-top: 2px solid #d8d8d8;
		border-bottom: 2px solid #d8d8d8;
	}
	.left a{
	    display: block;
	    font-weight: 400;
	    color: #333;
	    height: 40px;
	    width: 202px;
	    margin-left: -1px;
	    line-height: 40px;
	    font-size: 20px;
	    text-decoration: none;
	}
	.left .span1{
		position: relative;
		left: -20px;
	}
	.left .span2{
		position: relative;
		left: 20px;
	}
	.left a.active{
		color: #fff;
		background-color: #ed3931;
	}	
	.right>*{
		margin-left: 10px;
		margin-right: 10px;
	}
	table{
		border-spacing: 4px 10px;	
	}
	.right-top{

		min-height:80px;
		overflow:hidden;
		border-bottom: 2px solid #d8d8d8;
	}
	.modle1{
		float:left;
		width: 525px;
		height: 80px;
		text-align:center;
	}
	.modle2{
		float:left;
		width: 525px;
		border-left: 2px solid #d8d8d8;
	}
	.modle1 table{
		position: relative;
		top: 35px;
	}
	.modle2 table{
		margin-left: 80px;
		border-spacing: 50px 10px;
	}
	.right>table{
		margin: 20px;
	}
	.right-bottom caption{
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 2px solid #d8d8d8;
	}
	form .input{
		cursor: pointer;
		border-radius: 5px;
		width: 50px;
	    height: 25px;
	    font-size: 16px;
	    line-height: 25px;
		border: none;
		color: #fff;
		background-color: #ed3931;
	}
</style>
</head>
<body>
	<div class="left">
		<h1>电影排片</h1>
		<a href="/cinemaFindAll"><span  class="span1">基本信息</span></a>
		<a class="active"><span class="span2">该电影排片</span></a>
	</div>
	<div class="right">
		<div style="height: 10px"></div>
		<div class="right-top">
			<div class="modle1">
				<table>
					<thead>
						<tr>
							订单数：
						</tr>
					</thead>
					<tbody>
						<tr>"${requestScope.OrderNumberByMovieIdCinemaId }"</tr>
					</tbody>
				</table>
				<table>
					<thead>
						<tr>
							上座率
						</tr>
					</thead>
					<tbody>
						<tr>"${requestScope.rate }"</tr>
					</tbody>
				</table>
			</div>
			<div class="modle2">
				<table>
					<thead>
						<tr>
							<th>时间</th>
							<th>收入</th>
						</tr>
					</thead>
					<tbody>
						
							<c:forEach items="${requestScope.priceByCinemaIdMovieId }" var="p">
							<tr>
								<td>${p.orderDateString }</td>
								<td>${p.allPrice }</td>
							</tr>
							</c:forEach>
						
						
					</tbody>
				</table>
			</div>
		</div>
		</br>
		<div class="right-bottom">
			<form action="/cinemaorderfind/hallname" method="get">
				<input type="text" name="hallName" />
				<input class="input" type="submit" value="搜索" />
			</form>
			<table>
				<caption align="top"><strong style="font-size: 20px">排片信息</strong></caption>
				<thead>
					<tr>
						<th>电影开始时间</th>
						<th>电影名称</th>
						<th>影院</th>
						<th>影厅</th>
						<th>结束时间</th>
						<th>电影语言</th>
						<th>电影版本</th>
						<th>电影价格</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${requestScope.cinemas }" var="a">
						
						<tr>	
						
							<td>${a.filmBeginTimeString } &nbsp; ${a.beginHour }:${a.beginMin} </td>
							<td>${a.film.filmName }</td>
							<td>${a.cinemaName.cinemaName }</td>
							<td>${a.hall.hallName}</td>
							<td>${a.filmEndTimeString } &nbsp; ${a.endHour }:${a.endMin }</td>
							<td>${a.filmLanguage }</td>
							<td>${a.filmVersion }</td>
							<td>${a.price }</td>
							
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
	</div>
</body>
</html>